.pure-indicator-dot {
    display: var(--pure-indicator-dot-display, flex);
    flex-direction: var(--pure-indicator-dot-direction, row);
    justify-content: var(--pure-indicator-dot-justify-content, center);
    align-items: var(--pure-indicator-dot-align-items, center);
    gap: var(--pure-indicator-dot-gap, 5px);
    position: var(--pure-indicator-dot-position, absolute);
    top: var(--pure-indicator-dot-top, auto);
    bottom: var(--pure-indicator-dot-bottom, 10px);
    left: var(--pure-indicator-dot-left, 50%);
    right: var(--pure-indicator-dot-right, auto);
    transform: var(--pure-indicator-dot-transform, translate(-50%, 0));
    padding: var(--pure-indicator-dot-padding);
    margin: var(--pure-indicator-dot-margin);
    box-sizing: border-box;
    z-index: var(--pure-indicator-dot-z-index, 10);
    background: var(--pure-indicator-dot-background);
    width: var(--pure-indicator-dot-width);
    height: var(--pure-indicator-dot-height);
}

.pure-indicator-dot-item {
    width: var(--pure-indicator-dot-item-size, 8px);
    height: var(--pure-indicator-dot-item-size, 8px);
    border-radius: var(--pure-indicator-dot-item-border-radius, 50%);
    background: var(--pure-indicator-dot-item-background, var(--pure-background-light));
    opacity: var(--pure-indicator-dot-item-opacity);
    transition-duration: var(--pure-indicator-dot-item-transition-duration, 0.3s);
    transition-property: var(--pure-indicator-dot-item-transition-property, all);
    transition-timing-function: var(--pure-indicator-dot-item-transition-timing-function, linear);
}

.pure-indicator-dot-item-active {
    width: var(--pure-indicator-dot-item-active-size, var(--pure-indicator-dot-item-size, 8px));
    height: var(--pure-indicator-dot-item-active-size, var(--pure-indicator-dot-item-size, 8px));
    border-radius: var(--pure-indicator-dot-item-active-border-radius, var(--pure-indicator-dot-item-border-radius, 50%));
    background: var(--pure-indicator-dot-item-active-background, var(--pure-theme-primary));
    opacity: var(--pure-indicator-dot-item-active-opacity, 1);
}
